<!Doctype html>
<html>
	<head>
		<title>Pokker-app</title>
		<link rel="stylesheet" type="text/css" href="img/layout.css" />		
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
	</head>
	<body>
		<header>
			<div class="leave"><p>Leave</p></div>
			<h1>Poker app</h1>
			<div class="options"></div>
		</header>
		<div class="middle_wrapper">
		<div class="chat">
			<div class="conversation">dummy text conversation</div>
			<div class="say"><p>Say something</p></div>
			<div class="send"><p> ⏎</p></div>
		</div>
			<div class="game">
				<div class="table_wrapper">
				<div class="table">
						<div class="playerOne">
							<table>
								<tr><td>Player 1</td></tr>
								<tr><td>score</td></tr>
							</table>
						</div>
						<div class="playerTwo">
							<table>
								<tr><td>Player 2</td></tr>
								<tr><td>score</td></tr>
							</table>
						</div>
						<div class="playerThree">
							<table>
								<tr><td>Player 3</td></tr>
								<tr><td>score</td></tr>
							</table>
						</div>
						<div class="playerFour">
							<table>
								<tr><td>Player 4</td></tr>
								<tr><td>score</td></tr>
							</table>
						</div>
						<div class="playerFive">
							<table>
								<tr><td>Player 5</td></tr>
								<tr><td>score</td></tr>
							</table>
						</div>
						<div class="playerSix">
							<table>
								<tr><td>Player 6</td></tr>
								<tr><td>score</td></tr>
							</table>
						</div>
						<div class="playerSeven">
							<table>
								<tr><td>Player 7</td></tr>
								<tr><td>score</td></tr>
							</table>
						</div>
						<div class="playerEight">
							<table>
								<tr><td>Player 8</td></tr>
								<tr><td>score</td></tr>
							</table>
						</div>
						<div class="playerNine">
							<table>
								<tr><td>Player 9</td></tr>
								<tr><td>score</td></tr>
							</table>
						</div>
						<div class="playerTen">
							<table>
								<tr><td>Player 10</td></tr>
								<tr><td>score</td></tr>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="footer_buttons">
				<div class="fold"><p>Fold</p></div>
				<div class="call"><p>Call</p></div>
				<div class="raise"><p>Raise</p></div>
			</div>
		</footer>
	</body>
</html>